﻿<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:WindowsPhoneApplication4="clr-namespace:WindowsPhoneApplication4" xmlns:local="clr-namespace:WindowsPhone7UXGuide" xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit" mc:Ignorable="d"
	x:Class="WindowsPhone7UXGuide.WP7_Design_Templates" Height="11168" Width="3912">
	<UserControl.Resources>
		<DataTemplate x:Name="MultiLineButtonTemplate">
			<StackPanel>
				<TextBlock Text="{Binding Line1}" HorizontalAlignment="Left" Margin="0,1,0,0" VerticalAlignment="Top" Padding="0,3,0,0" />
				<TextBlock Text="{Binding Line2}" Opacity="0.65" HorizontalAlignment="Left" FontSize="{StaticResource PhoneFontSizeSmall}" TextWrapping="Wrap" VerticalAlignment="Top" Margin="0,2,0,7"/>
			</StackPanel>
		</DataTemplate>
		<Style x:Key="MultiLineCheckBoxStyle" TargetType="CheckBox">
			<Style.BasedOn>
				<Style TargetType="ToggleButton">
					<Style.BasedOn>
						<Style TargetType="ButtonBase">
							<Setter Property="Background" Value="Transparent"/>
							<Setter Property="BorderBrush" Value="{StaticResource PhoneForegroundBrush}"/>
							<Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/>
							<Setter Property="BorderThickness" Value="{StaticResource PhoneBorderThickness}"/>
							<Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilySemiBold}"/>
							<Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMediumLarge}"/>
							<Setter Property="Padding" Value="10,3,10,5"/>
							<Setter Property="Template">
								<Setter.Value>
									<ControlTemplate TargetType="ButtonBase">
										<Grid Background="Transparent">
											<VisualStateManager.VisualStateGroups>
												<VisualStateGroup x:Name="CommonStates">
													<VisualState x:Name="Normal"/>
													<VisualState x:Name="MouseOver"/>
													<VisualState x:Name="Pressed">
														<Storyboard>
															<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
																<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneBackgroundBrush}"/>
															</ObjectAnimationUsingKeyFrames>
															<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="ButtonBackground">
																<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneForegroundBrush}"/>
															</ObjectAnimationUsingKeyFrames>
															<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="ButtonBackground">
																<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneForegroundBrush}"/>
															</ObjectAnimationUsingKeyFrames>
														</Storyboard>
													</VisualState>
													<VisualState x:Name="Disabled">
														<Storyboard>
															<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
																<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
															</ObjectAnimationUsingKeyFrames>
															<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="ButtonBackground">
																<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
															</ObjectAnimationUsingKeyFrames>
															<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="ButtonBackground">
																<DiscreteObjectKeyFrame KeyTime="0" Value="Transparent"/>
															</ObjectAnimationUsingKeyFrames>
														</Storyboard>
													</VisualState>
												</VisualStateGroup>
											</VisualStateManager.VisualStateGroups>
											<Border x:Name="ButtonBackground" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="0" Margin="{StaticResource PhoneTouchTargetOverhang}">
												<ContentControl x:Name="ContentContainer" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Padding="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
											</Border>
										</Grid>
									</ControlTemplate>
								</Setter.Value>
							</Setter>
						</Style>
					</Style.BasedOn>
					<Setter Property="Background" Value="{StaticResource PhoneBorderBrush}"/>
					<Setter Property="BorderBrush" Value="{StaticResource PhoneBorderBrush}"/>
					<Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMedium}"/>
					<Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilyNormal}"/>
					<Setter Property="HorizontalContentAlignment" Value="Left"/>
					<Setter Property="VerticalContentAlignment" Value="Center"/>
					<Setter Property="Padding" Value="0"/>
				</Style>
			</Style.BasedOn>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="CheckBox">
						<Grid Background="Transparent">
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Normal"/>
									<VisualState x:Name="MouseOver"/>
									<VisualState x:Name="Pressed">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="CheckBackground">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneRadioCheckBoxPressedBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="CheckBackground">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneRadioCheckBoxPressedBorderBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="CheckMark">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneRadioCheckBoxCheckBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="IndeterminateMark">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneRadioCheckBoxCheckBrush}"/>
											</ObjectAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Disabled">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="CheckBackground">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneRadioCheckBoxDisabledBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="CheckBackground">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="CheckMark">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneRadioCheckBoxCheckDisabledBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="IndeterminateMark">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneRadioCheckBoxCheckDisabledBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ColorAnimation Duration="0" To="{StaticResource PhoneDisabledColor}" Storyboard.TargetProperty="(TextBlock.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="ContentContainer" d:IsOptimized="True"/>
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
								<VisualStateGroup x:Name="CheckStates">
									<VisualState x:Name="Checked">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="CheckMark">
												<DiscreteObjectKeyFrame KeyTime="0">
													<DiscreteObjectKeyFrame.Value>
														<Visibility>Visible</Visibility>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
											<DoubleAnimation Duration="0" To="-6" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="CheckMark" d:IsOptimized="True"/>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Unchecked"/>
									<VisualState x:Name="Indeterminate">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="IndeterminateMark">
												<DiscreteObjectKeyFrame KeyTime="0">
													<DiscreteObjectKeyFrame.Value>
														<Visibility>Visible</Visibility>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
											<DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="CheckMark" d:IsOptimized="True"/>
											<DoubleAnimation Duration="0" To="-6.001" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="IndeterminateMark" d:IsOptimized="True"/>
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
								<VisualStateGroup x:Name="ValidationStates">
									<VisualState x:Name="InvalidFocused"/>
									<VisualState x:Name="Valid"/>
									<VisualState x:Name="InvalidUnfocused"/>
								</VisualStateGroup>
								<VisualStateGroup x:Name="FocusStates">
									<VisualState x:Name="Unfocused"/>
									<VisualState x:Name="Focused"/>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Grid Margin="{StaticResource PhoneTouchTargetLargeOverhang}">
								<Grid.ColumnDefinitions>
									<ColumnDefinition Width="32"/>
									<ColumnDefinition/>
								</Grid.ColumnDefinitions>
								<Border x:Name="CheckBackground" BorderBrush="{TemplateBinding Background}" BorderThickness="{StaticResource PhoneBorderThickness}" Background="{TemplateBinding Background}" HorizontalAlignment="Left" Height="32" IsHitTestVisible="False" VerticalAlignment="Top" Width="32"/>
								<Rectangle x:Name="IndeterminateMark" Fill="{StaticResource PhoneRadioCheckBoxCheckBrush}" HorizontalAlignment="Center" Height="16" IsHitTestVisible="False" Grid.Row="0" Visibility="Collapsed" VerticalAlignment="Center" Width="16" RenderTransformOrigin="0.5,0.5">
									<Rectangle.RenderTransform>
										<CompositeTransform/>
									</Rectangle.RenderTransform>
								</Rectangle>
								<Path x:Name="CheckMark" Data="M0,119 L31,92 L119,185 L267,0 L300,24 L122,250 z" Fill="{StaticResource PhoneRadioCheckBoxCheckBrush}" HorizontalAlignment="Center" Height="18" IsHitTestVisible="False" Stretch="Fill" StrokeThickness="2" StrokeLineJoin="Round" Visibility="Collapsed" VerticalAlignment="Center" Width="24" RenderTransformOrigin="0.5,0.5">
									<Path.RenderTransform>
										<CompositeTransform/>
									</Path.RenderTransform>
								</Path>
								<TextBlock x:Name="ContentContainer" Text="{TemplateBinding Content}" TextWrapping="Wrap" Grid.Column="1" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="12,6,0,-9" Padding="{TemplateBinding Padding}" LineStackingStrategy="BlockLineHeight" LineHeight="23" FontFamily="{StaticResource PhoneFontFamilyNormal}" FontSize="{StaticResource PhoneFontSizeMedium}" VerticalAlignment="Top">
									<TextBlock.Foreground>
										<SolidColorBrush Color="{StaticResource PhoneForegroundColor}"/>
									</TextBlock.Foreground>
								</TextBlock>
							</Grid>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<DataTemplate x:Key="SingleLineListTemplate">
			<TextBlock Text="{Binding Line1}" HorizontalAlignment="Left" VerticalAlignment="Top" FontFamily="{StaticResource PhoneFontFamilyLight}" FontSize="{StaticResource PhoneFontSizeExtraLarge}" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" LineStackingStrategy="BlockLineHeight" LineHeight="43" Margin="12,27,0,24"/>
		</DataTemplate>
		<DataTemplate x:Key="SingleLineListSmallIconTemplate">
			<StackPanel Orientation="Horizontal" Margin="12,19,0,33">
				<Grid Height="43" Width="43" Margin="0,-2,0,-1">
					<Path Data="M31.0176,15.9839C31.0176,24.2669,24.2986,30.9829,16.0176,30.9829C7.7306,30.9829,1.0176,24.2669,1.0176,15.9839C1.0176,7.6989,7.7306,0.981899999999998,16.0176,0.981899999999998C24.2986,0.981899999999998,31.0176,7.6989,31.0176,15.9839z" StrokeStartLineCap="Flat" Stretch="Fill" StrokeEndLineCap="Flat" Stroke="{StaticResource PhoneForegroundBrush}" StrokeMiterLimit="4" StrokeLineJoin="Miter" UseLayoutRounding="False" StrokeThickness="2.035"/>
					<Path Data="M13.22927,12.657326 L16.000126,12.657326 L16.000126,21.053223 L24.416857,21.053223 L24.416857,23.844913 L16.000126,23.844913 L16.000126,32.24081 L13.22927,32.24081 L13.22927,23.844913 L4.8333712,23.844913 L4.8333712,21.053223 L13.22927,21.053223 z" RenderTransformOrigin="0.5,0.5" Stretch="Fill" UseLayoutRounding="False" Width="19" Height="19" Fill="{StaticResource PhoneForegroundBrush}">
						<Path.RenderTransform>
							<TransformGroup>
								<ScaleTransform/>
								<SkewTransform/>
								<RotateTransform/>
								<TranslateTransform/>
							</TransformGroup>
						</Path.RenderTransform>
					</Path>
				</Grid>
				<TextBlock Text="{Binding Line1}" HorizontalAlignment="Left" VerticalAlignment="Top" FontFamily="{StaticResource PhoneFontFamilyLight}" FontSize="{StaticResource PhoneFontSizeExtraLarge}" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" LineStackingStrategy="BlockLineHeight" LineHeight="43" Margin="17,0,0,0"/>
			</StackPanel>
		</DataTemplate>
		<DataTemplate x:Key="SingleLineListLargeTemplate">
			<StackPanel Margin="25,12,0,16">
				<TextBlock Text="{Binding Line1}" HorizontalAlignment="Left" VerticalAlignment="Top" FontFamily="{StaticResource PhoneFontFamilyLight}" FontSize="{StaticResource PhoneFontSizeLarge}" Foreground="{StaticResource PhoneForegroundBrush}" LineStackingStrategy="BlockLineHeight" LineHeight="43"/>
			</StackPanel>
		</DataTemplate>
		<DataTemplate x:Name="DoubleLineListTemplate">
			<StackPanel Margin="12,8,0,2">
				<TextBlock Text="{Binding Line1}" HorizontalAlignment="Left" VerticalAlignment="Top" Padding="0,3,0,0" FontFamily="{StaticResource PhoneFontFamilyLight}" FontSize="{StaticResource PhoneFontSizeExtraLarge}" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" LineStackingStrategy="BlockLineHeight" LineHeight="43" />
				<TextBlock Text="{Binding Line2}" Opacity="0.65" HorizontalAlignment="Left" FontSize="{StaticResource PhoneFontSizeSmall}" TextWrapping="Wrap" VerticalAlignment="Top" Foreground="{StaticResource PhoneForegroundBrush}" FontFamily="{StaticResource PhoneFontFamilyNormal}" Margin="0,0,0,13"/>
			</StackPanel>
		</DataTemplate>
		<DataTemplate x:Key="DoubleLineLargeGridListTemplate">
			<Grid Height="173" Margin="12,0,12,12">
				<Rectangle Width="173" HorizontalAlignment="Left" Fill="{StaticResource PhoneInactiveBrush}"/>
				<StackPanel Margin="187,-4,0,0" VerticalAlignment="Top" >
					<TextBlock Text="{Binding Line1}" Padding="0,3,0,0" FontFamily="{StaticResource PhoneFontFamilyLight}" FontSize="{StaticResource PhoneFontSizeExtraLarge}" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" LineStackingStrategy="BlockLineHeight" LineHeight="43" Margin="0,0,0,5" />
					<TextBlock Text="{Binding Line2}" Opacity="0.65" FontSize="{StaticResource PhoneFontSizeSmall}" Foreground="{StaticResource PhoneForegroundBrush}" FontFamily="{StaticResource PhoneFontFamilyNormal}" HorizontalAlignment="Left" VerticalAlignment="Top"/>
				</StackPanel>
			</Grid>
		</DataTemplate>
		<DataTemplate x:Key="TripleLineListTemplate">
			<StackPanel Margin="12,10,0,0">
				<TextBlock Text="{Binding Line1}" HorizontalAlignment="Left" VerticalAlignment="Top" Padding="0,3,0,0" FontFamily="{StaticResource PhoneFontFamilyLight}" FontSize="{StaticResource PhoneFontSizeExtraLarge}" Foreground="{StaticResource PhoneForegroundBrush}" LineStackingStrategy="BlockLineHeight" LineHeight="43" Height="49" Margin="0,0,0,-3" />
				<TextBlock Text="{Binding Line2}" Opacity="0.65" HorizontalAlignment="Left" FontSize="{StaticResource PhoneFontSizeSmall}" VerticalAlignment="Top" Foreground="{StaticResource PhoneForegroundBrush}" FontFamily="{StaticResource PhoneFontFamilyNormal}" Margin="0"/>
				<TextBlock Text="{Binding Line3}" Opacity="0.65" HorizontalAlignment="Left" FontSize="{StaticResource PhoneFontSizeSmall}" VerticalAlignment="Top" Foreground="{StaticResource PhoneForegroundBrush}" FontFamily="{StaticResource PhoneFontFamilyNormal}" Margin="0,0,0,13"/>
			</StackPanel>
		</DataTemplate>
		<Style x:Key="ToggleButtonWithIconStyle" TargetType="ToggleButton">
			<Setter Property="Padding" Value="8"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="ToggleButton">
						<Grid Background="Transparent">
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Normal"/>
									<VisualState x:Name="Disabled">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="EnabledBackground">
												<DiscreteObjectKeyFrame KeyTime="0">
													<DiscreteObjectKeyFrame.Value>
														<Visibility>Collapsed</Visibility>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="DisabledBackground">
												<DiscreteObjectKeyFrame KeyTime="0">
													<DiscreteObjectKeyFrame.Value>
														<Visibility>Visible</Visibility>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
											<ColorAnimation Duration="0" To="{StaticResource PhoneDisabledColor}" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="path" d:IsOptimized="True"/>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="MouseOver"/>
									<VisualState x:Name="Pressed"/>
								</VisualStateGroup>
								<VisualStateGroup x:Name="CheckStates">
									<VisualState x:Name="Unchecked"/>
									<VisualState x:Name="Checked">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="EnabledBackground">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneForegroundBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="EnabledBackground">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneForegroundBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="EnabledContent">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneBackgroundBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="DisabledBackground">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="DisabledBackground">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="DisabledContent">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneBackgroundBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ColorAnimation Duration="0" To="{StaticResource PhoneBackgroundColor}" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="path" d:IsOptimized="True"/>
											<PointAnimation Duration="0" To="2.42066836357117,6.34379482269287" Storyboard.TargetProperty="(Path.Data).(PathGeometry.Figures)[0].(PathFigure.Segments)[4].(LineSegment.Point)" Storyboard.TargetName="path" d:IsOptimized="True"/>
											<PointAnimation Duration="0" To="5.94532632827759,6.35026788711548" Storyboard.TargetProperty="(Path.Data).(PathGeometry.Figures)[0].(PathFigure.Segments)[5].(LineSegment.Point)" Storyboard.TargetName="path" d:IsOptimized="True"/>
											<PointAnimation Duration="0" To="5.95146465301514,6.34128904342651" Storyboard.TargetProperty="(Path.Data).(PathGeometry.Figures)[0].(PathFigure.Segments)[6].(LineSegment.Point)" Storyboard.TargetName="path" d:IsOptimized="True"/>
											<PointAnimation Duration="0" To="6.17999792098999,4.68826770782471" Storyboard.TargetProperty="(Path.Data).(PathGeometry.Figures)[0].(PathFigure.Segments)[7].(BezierSegment.Point1)" Storyboard.TargetName="path" d:IsOptimized="True"/>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Indeterminate"/>
								</VisualStateGroup>
								<VisualStateGroup x:Name="FocusStates">
									<VisualState x:Name="Unfocused"/>
									<VisualState x:Name="Focused"/>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Border x:Name="EnabledBackground" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Margin="{StaticResource PhoneTouchTargetOverhang}">
								<ContentControl x:Name="EnabledContent" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"/>
							</Border>
							<Border x:Name="DisabledBackground" BorderBrush="{StaticResource PhoneDisabledBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="Transparent" IsHitTestVisible="False" Margin="{StaticResource PhoneTouchTargetOverhang}" Visibility="Collapsed">
								<ContentControl x:Name="DisabledContent" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Foreground="{StaticResource PhoneDisabledBrush}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"/>
							</Border>
							<Path x:Name="path" UseLayoutRounding="False" HorizontalAlignment="Center" Width="20" Height="26" VerticalAlignment="Center">
								<Path.Data>
									<PathGeometry>
										<PathFigure IsClosed="False" StartPoint="19.2228622436523,10.8611965179443">
											<LineSegment Point="17.6114463806152,10.8611965179443"/>
											<LineSegment Point="17.6114463806152,6.70803356170654"/>
											<BezierSegment Point3="10.0014963150024,2.24347895709798E-05" Point2="14.1971406936646,2.24347895709798E-05" Point1="17.6114463806152,3.0091872215271"/>
											<BezierSegment Point3="2.42999792098999,6.34128904342651" Point2="2.65007328987122,2.81625199317932" Point1="5.94571018218994,2.24347895709798E-05"/>
											<LineSegment Point="2.38941836357117,10.8594207763672"/>
											<LineSegment Point="5.94532632827759,10.8658933639526"/>
											<LineSegment Point="5.95146465301514,6.34128904342651"/>
											<BezierSegment Point3="10.0014963150024,3.39234352111816" Point2="7.89717817306519,3.39234352111816" Point1="6.17999792098999,4.68826770782471"/>
											<BezierSegment Point3="14.0943393707275,6.70803356170654" Point2="14.0943393707275,4.88120317459106" Point1="12.2585763931274,3.39234352111816"/>
											<LineSegment Point="14.0943393707275,10.869423866272"/>
											<LineSegment Point="0.778560936450958,10.8611965179443"/>
											<BezierSegment Point3="1.39754265546799E-05,11.6110973358154" Point2="1.39754265546799E-05,11.1992092132568" Point1="0.348611921072006,10.8611965179443"/>
											<LineSegment Point="1.39754265546799E-05,25.2446517944336"/>
											<BezierSegment Point3="0.778560936450958,26.0000228881836" Point2="0.348611921072006,26.0000228881836" Point1="1.39754265546799E-05,25.6606731414795"/>
											<LineSegment Point="19.2228622436523,26.0000228881836"/>
											<BezierSegment Point3="20.0000133514404,25.2446517944336" Point2="20.0000133514404,25.6606731414795" Point1="19.6515026092529,26.0000228881836"/>
											<LineSegment Point="20.0000133514404,11.6110973358154"/>
											<BezierSegment Point3="19.2228622436523,10.8611965179443" Point2="19.6515026092529,10.8611965179443" Point1="20.0000133514404,11.1992092132568"/>
										</PathFigure>
									</PathGeometry>
								</Path.Data>
								<Path.Fill>
									<SolidColorBrush Color="{StaticResource PhoneForegroundColor}"/>
								</Path.Fill>
							</Path>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
	</UserControl.Resources>

	<Grid>

		<Grid Background="White" VerticalAlignment="Top">
			<StackPanel Margin="64,168,48,224" d:IsLocked="True">
				<Grid>
					<Grid HorizontalAlignment="Left" Width="952">
						<Grid.RowDefinitions>
							<RowDefinition Height="168"/>
							<RowDefinition/>
						</Grid.RowDefinitions>
						<TextBlock TextWrapping="Wrap" Text="buttons" FontFamily="{StaticResource PhoneFontFamilyNormal}" FontSize="101.333" Foreground="Black"/>
						<TextBlock TextWrapping="Wrap" Grid.Row="1" FontSize="28" Foreground="Black"><Run FontSize="27.7779998779297" Text="A Push Button causes an application to perform an action when the user taps on it.&#xa;&#xa; "/><Run FontWeight="Bold" FontSize="27.7779998779297" Text="Button styles&#xa;"/><Run FontSize="27.7779998779297" Text="1.&#x9;Standalone Push Buttons&#xa;2.&#x9;Toggle Buttons&#xa;3.&#x9;Application Bar Icon Buttons&#xa;4.&#x9;Dialog Buttons&#xa;5.&#x9;Command Buttons"/></TextBlock>
					</Grid>
					<toolkit:WrapPanel VerticalAlignment="Top" Margin="1223,0,0,0">
						<Grid Margin="0,0,120,102">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" FontFamily="Segoe WP" Text="1. STANDALONE PUSH BUTTONS&#xa;"/><Run Text="There is a minimum width for finger accessibility"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Text="BUTTONS" Style="{StaticResource PhoneTextNormalStyle}"/>
								<TextBlock Text="push" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" FontSize="20.8330001831055" Text="2. TOGGLE BUTTONS&#xa;"/><Run FontSize="20.8330001831055" Text="Optional image states, labels and sticky behavior"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Text="BUTTONS" Style="{StaticResource PhoneTextNormalStyle}"/>
								<TextBlock Text="toggle" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" FontFamily="Segoe WP" Text="1. STANDALONE PUSH BUTTONS&#xa;"/><Run Text="There is a minimum width for finger accessibility"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Text="BUTTONS" Style="{StaticResource PhoneTextNormalStyle}"/>
								<TextBlock Text="command" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
					</toolkit:WrapPanel>
				</Grid>
				<Grid>
					<Grid HorizontalAlignment="Left" Width="952">
						<Grid.RowDefinitions>
							<RowDefinition Height="168"/>
							<RowDefinition/>
						</Grid.RowDefinitions>
						<TextBlock TextWrapping="Wrap" Text="check box" FontFamily="{StaticResource PhoneFontFamilyNormal}" FontSize="101.333" Foreground="Black"/>
						<TextBlock TextWrapping="Wrap" Grid.Row="1" FontSize="28" Foreground="Black"><Run FontSize="27.7779998779297" Text="You can use the Check Box control in groups to display multiple choices from which the user can select one or more. The Check Box control is similar to the radio button control in that each is used to indicate a selection that is made by the user. They differ in that only one radio button in a group can be selected at a time. With the check box control, however, any number of check boxes may be selected. Check box labels can wrap to two lines of text."/></TextBlock>
					</Grid>
					<toolkit:WrapPanel VerticalAlignment="Top" Margin="1223,0,0,0">
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" FontFamily="Segoe WP" Text="1. CHECK BOX ONE COLUMN LAYOUT&#xa;"/><Run Text="Shown with group labels to create hierarchy"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Text="CHECK BOXES" Style="{StaticResource PhoneTextNormalStyle}"/>
								<TextBlock Text="one column" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" FontFamily="Segoe WP" Text="2. CHECK BOX DOUBLE COLUMN LAYOUT"/><Run FontFamily="Segoe WP" Text="&#xa;Shown with group labels to create hierarchy"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Text="CHECK BOXES" Style="{StaticResource PhoneTextNormalStyle}"/>
								<TextBlock Text="two columns" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" FontFamily="Segoe WP" Text="4. DOUBLE COLUMN + BOTTOM ALIGNED"/><Run FontFamily="Segoe WP" Text="&#xa;Shown with group labels to create hierarchy"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Text="CHECK BOXES" Style="{StaticResource PhoneTextNormalStyle}"/>
								<TextBlock Text="bottom align" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
					</toolkit:WrapPanel>
				</Grid>
				<Grid>
					<Grid HorizontalAlignment="Left" Width="952">
						<Grid.RowDefinitions>
							<RowDefinition Height="168"/>
							<RowDefinition/>
						</Grid.RowDefinitions>
						<TextBlock TextWrapping="Wrap" Text="list view" FontFamily="{StaticResource PhoneFontFamilyNormal}" FontSize="101.333" Foreground="Black"/>
						<TextBlock TextWrapping="Wrap" Grid.Row="1" FontSize="28" Foreground="Black"><Run FontSize="27.7779998779297" Text="The List View displays set of List Items. The List View presents views of data and images. It does this by giving application developers the ability to display this data in a vertical list or a grid. There are a set of standard layouts for the List View, however applications may opt to provide a richer presentation for some scenarios by using a custom layout. When this control is used, the List View typically covers the majority of the screen."/><LineBreak FontSize="27.7779998779297"/><LineBreak FontSize="27.7779998779297"/><Run FontSize="27.7779998779297" Text="This control is not shipped as a part the Windows Phone Development Tools. The templates and instructions are provided as-is to assist designers and developers to match, visually and in interaction, a similar control that appears in Windows Phone OS 7.0."/></TextBlock>
					</Grid>
					<toolkit:WrapPanel Height="3603" VerticalAlignment="Top" Width="2577" Margin="1223,0,0,0">
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" Text="1. LIST VIEW&#xa;"/><Run Text="Showing a single line list with wrapping"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Text="LIST VIEW" Style="{StaticResource PhoneTextNormalStyle}"/>
								<TextBlock Text="single line" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" FontSize="20.8330001831055" Text="2. LIST VIEW&#xa;"/><Run FontSize="20.8330001831055" Text="Showing a double line list with wrapping"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Style="{StaticResource PhoneTextNormalStyle}" Text="LIST VIEW"/>
								<TextBlock Text="double line" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" FontSize="20.8330001831055" Text="3. LIST VIEW&#xa;"/><Run FontSize="20.8330001831055" Text="Showing a triple line list with no wrapping"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Style="{StaticResource PhoneTextNormalStyle}" Text="LIST VIEW"/>
								<TextBlock Text="triple line" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" Text="3. LIST VIEW&#xa;"/><Run FontSize="20.833" Text="Showing small text size with wrapping"/><LineBreak/><Run FontWeight="Bold"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Text="LIST VIEW" Style="{StaticResource PhoneTextNormalStyle}"/>
								<TextBlock Text="small text" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" Text="4. LIST VIEW&#xa;"/><Run Text="Shown with preview icon"/><LineBreak/><Run FontWeight="Bold"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Text="LIST VIEW" Style="{StaticResource PhoneTextNormalStyle}"/>
								<TextBlock Text="small icon" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" Text="5. "/><Run FontWeight="Bold" FontSize="20.8330001831055" Text="GRID VIEW&#xa;"/><Run FontSize="20.8330001831055" Text="Shown with medium icon and labels"/><LineBreak/><Run FontWeight="Bold"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Text="LIST VIEW" Style="{StaticResource PhoneTextNormalStyle}"/>
								<TextBlock Text="large icon" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" Text="6. "/><Run FontWeight="Bold" FontSize="20.8330001831055" Text="LIST VIEW&#xa;"/><Run FontSize="20.8330001831055" Text="Shown as small grid with group labels - 4 columns"/><LineBreak/><LineBreak/><Run FontWeight="Bold"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Text="LIST VIEW" Style="{StaticResource PhoneTextNormalStyle}"/>
								<TextBlock Text="text and grid" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" Text="6. "/><Run FontWeight="Bold" FontSize="20.8330001831055" Text="LIST VIEW&#xa;"/><Run FontSize="20.8330001831055" Text="Shown as small grid - 4 columns"/><LineBreak/><Run FontWeight="Bold"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Text="LIST VIEW" Style="{StaticResource PhoneTextNormalStyle}"/>
								<TextBlock Text="large grid" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" Text="6. "/><Run FontWeight="Bold" FontSize="20.8330001831055" Text="LIST VIEW&#xa;"/><Run FontSize="20.8330001831055" Text="Shown as large grid - 2 columns"/><LineBreak/><Run FontWeight="Bold"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Text="LIST VIEW" Style="{StaticResource PhoneTextNormalStyle}"/>
								<TextBlock Text="small grid" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
					</toolkit:WrapPanel>
				</Grid>
				<Grid>
					<Grid HorizontalAlignment="Left" Width="952">
						<Grid.RowDefinitions>
							<RowDefinition Height="168"/>
							<RowDefinition/>
						</Grid.RowDefinitions>
						<TextBlock TextWrapping="Wrap" Text="toggle switch" FontFamily="{StaticResource PhoneFontFamilyNormal}" FontSize="101.333" Foreground="Black"/>
						<TextBlock TextWrapping="Wrap" Grid.Row="1" FontSize="28" Foreground="Black"><Run Text="A Toggle Switch is used to indicate whether a particular condition is on or off. Toggle Switch can only be used for on/off. Toggle Switch is intended to add an element of delight and should be used sparingly. The Toggle Switch presents to the user a binary set of mutually exclusive choices. The control shows only one of the two possible choices at any given time, and provides visual awareness to the user of this. Tapping on the control toggles between the two possible choices."/><LineBreak/><Run/><LineBreak/><Run Text="This control is not shipped as a part the Windows Phone Development Tools. The templates and instructions are provided as-is to assist designers and developers to match, visually and in interaction, a similar control that appears in Windows Phone OS 7.0."/></TextBlock>
					</Grid>
					<toolkit:WrapPanel Margin="1223,0,0,0" VerticalAlignment="Top">
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" Text="1. "/><Run FontWeight="Bold" FontSize="20.8330001831055" Text="TOGGLE SWITCH&#xa;"/><Run FontSize="20.8330001831055" Text="Showing a single line with no wrap"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Text="TOGGLE SWITCH" Style="{StaticResource PhoneTextNormalStyle}"/>
								<TextBlock Text="toggle" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
					</toolkit:WrapPanel>
				</Grid>
				<Grid>
					<Grid HorizontalAlignment="Left" Width="952">
						<Grid.RowDefinitions>
							<RowDefinition Height="168"/>
							<RowDefinition/>
						</Grid.RowDefinitions>
						<TextBlock TextWrapping="Wrap" Text="dialog boxes" FontFamily="{StaticResource PhoneFontFamilyNormal}" FontSize="101.333" Foreground="Black"/>
						<TextBlock TextWrapping="Wrap" Grid.Row="1" FontSize="28" Foreground="Black"><Run Text="A Dialog Box is a partial screen UI and is a way of communicating important information within a particular application to users.  Dialog Boxes should rarely be used for system wide interruptions."/><LineBreak/><Run/><LineBreak/><Run Text="Application Design Considerations"/><LineBreak/><Run Text="• Dialog Boxes will cover up the top portion of the application UI"/><LineBreak/><Run Text="• Dialog Boxes have a minimum and maximum height "/><LineBreak/><Run Text="• Dialog Boxes can display 0-2 buttons"/><LineBreak/><Run Text="• All Dialog Boxes are cancellable by the Back button"/><LineBreak/><Run Text="• Avoid nesting Dialog Boxes"/><LineBreak/><Run/><LineBreak/><Run Text="Dialog Boxes may contain:"/><LineBreak/><Run Text="• Check Box"/><LineBreak/><Run Text="• Radio Button"/><LineBreak/><Run Text="• Link Control"/><LineBreak/><Run Text="• Push Button"/><LineBreak/><Run Text="• Toggle Button"/><LineBreak/><Run Text=" "/><LineBreak/><Run FontSize="27.7779998779297" Text=""/></TextBlock>
					</Grid>
					<toolkit:WrapPanel Margin="1223,0,0,0">
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" Text="1. DIALOG WITH TEXT INPUT&#xa;"/><Run Text="Showing a password entry field and check box"/><LineBreak/><Run FontWeight="Bold" Text=" "/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Text="DIALOG BOXES" Style="{StaticResource PhoneTextNormalStyle}"/>
								<TextBlock Text="text input" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" Text="2. CUSTOM DIALOG"/><LineBreak/><Run Text="Robust dialog with login/password fields"/><LineBreak/><Run FontWeight="Bold"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Style="{StaticResource PhoneTextNormalStyle}" Text="DIALOG BOXES"/>
								<TextBlock Text="custom" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" Text="3. MESSAGE BOX&#xa;"/><Run Text="Showing double line header text"/><LineBreak/><Run FontWeight="Bold"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Text="DIALOG BOXES" Style="{StaticResource PhoneTextNormalStyle}"/>
								<TextBlock Text="message" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" Text="4. MESSAGE BOX"/><LineBreak/><Run Text="Shown with check box inline control"/><LineBreak/><Run FontWeight="Bold"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Text="DIALOG BOXES" Style="{StaticResource PhoneTextNormalStyle}"/>
								<TextBlock Text="check box" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
					</toolkit:WrapPanel>
				</Grid>
				<Grid>
					<Grid HorizontalAlignment="Left" Width="952">
						<Grid.RowDefinitions>
							<RowDefinition Height="168"/>
							<RowDefinition/>
						</Grid.RowDefinitions>
						<TextBlock TextWrapping="Wrap" FontFamily="{StaticResource PhoneFontFamilyNormal}" FontSize="101.333" Foreground="Black"><Run Text="slider control"/><LineBreak/><Run Text=""/></TextBlock>
						<TextBlock TextWrapping="Wrap" Grid.Row="1" FontSize="28" Foreground="Black"><Run Text="Sliders are used for setting a value in a continuous range of data (e.g. volume or brightness). Sliders are not used for discrete choices, such as days of the week, letters in the alphabet, or profiles."/><LineBreak/><Run/><LineBreak/><Run Text="Characteristics of the slider control"/><LineBreak/><Run Text="• Applications can use either a horizontal or vertical slider, but horizontal use is recommended"/><LineBreak/><Run Text="• Only the extremes of a range are described in the labels of a slider, for example, low/high, dark/light"/><LineBreak/><Run Text="• Icons can be used in sliders"/><LineBreak/><Run Text="• On a single page with stacked sliders, keep the elements the same, text labels and icon labels cannot be combined"/><LineBreak/><Run Text="• Tick marks are optional"/><LineBreak/><Run Text="• The setting can be represented by the thumb mark, or by a colored bar"/><LineBreak/><Run/><LineBreak/><Run FontSize="27.7779998779297" Text=""/></TextBlock>
					</Grid>
					<toolkit:WrapPanel Margin="1223,0,0,0">
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" Text="1. SLIDER&#xa;"/><Run Text="Showing a single line "/><LineBreak/><Run FontWeight="Bold"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Text="SLIDER" Style="{StaticResource PhoneTextNormalStyle}"/>
								<TextBlock Text="slider control" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
					</toolkit:WrapPanel>
				</Grid>
				<Grid>
					<Grid HorizontalAlignment="Left" Width="952">
						<Grid.RowDefinitions>
							<RowDefinition Height="168"/>
							<RowDefinition/>
						</Grid.RowDefinitions>
						<TextBlock TextWrapping="Wrap" FontFamily="{StaticResource PhoneFontFamilyNormal}" FontSize="101.333" Foreground="Black"><Run Text="context menu"/><LineBreak/><Run Text=""/></TextBlock>
						<TextBlock TextWrapping="Wrap" Grid.Row="1" FontSize="28" Foreground="Black"><Run Text="The Context Menu offers an additional way for the user to access specific tasks. They are intended to be a way to accelerate a user’s workflow, and should never be the only way to accomplish a specific task. The Context Menu should be used to express secondary or advanced actions to the user, never primary tasks, and may have no more than five items."/><LineBreak/><Run/><LineBreak/><Run Text="This control is not shipped as a part the Windows Phone Development Tools. The templates and instructions are provided as-is to assist designers and developers to match, visually and in interaction, a similar control that appears in Windows Phone OS 7.0."/></TextBlock>
					</Grid>
					<toolkit:WrapPanel Margin="1223,0,0,0">
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" Text="1. CONTEXT MENU&#xa;"/><Run Text="Showing all sizes"/><LineBreak/><Run FontWeight="Bold"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Text="CONTEXT MENU" Style="{StaticResource PhoneTextNormalStyle}"/>
								<TextBlock Text="menu items" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
					</toolkit:WrapPanel>
				</Grid>
				<Grid d:IsHidden="True">
					<Grid HorizontalAlignment="Left" Width="952">
						<Grid.RowDefinitions>
							<RowDefinition Height="168"/>
							<RowDefinition/>
						</Grid.RowDefinitions>
						<TextBlock TextWrapping="Wrap" Text="list view" FontFamily="{StaticResource PhoneFontFamilyNormal}" FontSize="101.333" Foreground="Black"/>
						<TextBlock TextWrapping="Wrap" Grid.Row="1" FontSize="28" Foreground="Black"><Run FontSize="27.7779998779297" Text="The List View displays set of List Items. The List View presents views of data and images. It does this by giving application developers the ability to display this data in a vertical list or a grid. There are a set of standard layouts for the List View, however applications may opt to provide a richer presentation for some scenarios by using a custom layout. When this control is used, the List View typically covers the majority of the screen."/><LineBreak FontSize="27.7779998779297"/><LineBreak FontSize="27.7779998779297"/><Run FontSize="27.7779998779297" Text="This control is not shipped as a part the Windows Phone Development Tools. The templates and instructions are provided as-is to assist designers and developers to match, visually and in interaction, a similar control that appears in Windows Phone OS 7.0."/></TextBlock>
					</Grid>
					<toolkit:WrapPanel Margin="956,8,0,8">
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" FontFamily="Segoe WP" Text="1. STANDALONE PUSH BUTTONS&#xa;"/><Run Text="There is a minimum width for finger accessibility"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Text="BUTTONS" Style="{StaticResource PhoneTextNormalStyle}"/>
								<TextBlock Text="push" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" FontFamily="Segoe WP" Text="1. STANDALONE PUSH BUTTONS&#xa;"/><Run Text="There is a minimum width for finger accessibility"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Text="BUTTONS" Style="{StaticResource PhoneTextNormalStyle}"/>
								<TextBlock Text="push" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" FontFamily="Segoe WP" Text="1. STANDALONE PUSH BUTTONS&#xa;"/><Run Text="There is a minimum width for finger accessibility"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Text="BUTTONS" Style="{StaticResource PhoneTextNormalStyle}"/>
								<TextBlock Text="push" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
						<Grid Margin="0,0,120,120">
							<Grid.RowDefinitions>
								<RowDefinition Height="976"/>
								<RowDefinition Height="105"/>
							</Grid.RowDefinitions>
							<local:Chrome VerticalAlignment="Top" HorizontalAlignment="Right" Height="Auto" Width="Auto"/>
							<TextBlock Foreground="#FF000000" FontSize="21.333" LineStackingStrategy="BlockLineHeight" LineHeight="20.833" TextAlignment="Left" TextWrapping="Wrap" Grid.Row="1"><Run FontWeight="Bold" FontFamily="Segoe WP" Text="1. STANDALONE PUSH BUTTONS&#xa;"/><Run Text="There is a minimum width for finger accessibility"/></TextBlock>
							<StackPanel Grid.Row="0" Margin="28,91,16,0" Height="115" VerticalAlignment="Top">
								<TextBlock Text="BUTTONS" Style="{StaticResource PhoneTextNormalStyle}"/>
								<TextBlock Text="push" Margin="9,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
							</StackPanel>
						</Grid>
					</toolkit:WrapPanel>
				</Grid>
			</StackPanel>
			<Grid x:Name="buttons_push" Margin="1315,403,0,0" Width="456" Height="607" HorizontalAlignment="Left" VerticalAlignment="Top" >
				<ScrollViewer Margin="0,30,0,0">
					<StackPanel HorizontalAlignment="Left">
						<StackPanel HorizontalAlignment="Left" Margin="12,0,0,27">
							<TextBlock TextWrapping="Wrap" FontSize="{StaticResource PhoneFontSizeSmall}" FontFamily="{StaticResource PhoneFontFamilyNormal}" LineHeight="22" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" Text="This is a push button example" VerticalAlignment="Top" HorizontalAlignment="Left"/>
							<Button Content="button" BorderThickness="3" Width="138" Height="73"  VerticalAlignment="Top" HorizontalAlignment="Left" Margin="-12,-4,0,0"/>
						</StackPanel>
						<StackPanel HorizontalAlignment="Left" Margin="12,0,0,27">
							<TextBlock TextWrapping="Wrap" FontSize="{StaticResource PhoneFontSizeSmall}" FontFamily="{StaticResource PhoneFontFamilyNormal}" LineHeight="22" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" VerticalAlignment="Top" HorizontalAlignment="Left" Text="This is a push button example with wrapping behavior. Example of wrapping behavior"/>
							<Button Content="button" BorderThickness="3" Width="138" Height="73"  VerticalAlignment="Top" HorizontalAlignment="Left" Margin="-12,-4,0,0"/>
						</StackPanel>
						<StackPanel HorizontalAlignment="Left" Margin="12,0,0,27">
							<TextBlock TextWrapping="Wrap" FontSize="{StaticResource PhoneFontSizeSmall}" FontFamily="{StaticResource PhoneFontFamilyNormal}" LineHeight="22" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" VerticalAlignment="Top" HorizontalAlignment="Left" Text="This is a push button example"/>
							<Button Content="button" BorderThickness="3" Width="138" Height="73"  VerticalAlignment="Top" HorizontalAlignment="Left" Margin="-12,-4,0,0"/>
						</StackPanel>
						<StackPanel HorizontalAlignment="Left" Margin="12,0,0,27">
							<TextBlock TextWrapping="Wrap" FontSize="{StaticResource PhoneFontSizeSmall}" FontFamily="{StaticResource PhoneFontFamilyNormal}" LineHeight="22" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" VerticalAlignment="Top" HorizontalAlignment="Left"><Run Text="This is a push button example with wrapping behavior. Example of wrapping behavior"/><LineBreak/><Run Text=""/></TextBlock>
							<Button Content="button" BorderThickness="3" Width="138" Height="73"  VerticalAlignment="Top" HorizontalAlignment="Left" Margin="-12,-4,0,0"/>
						</StackPanel>
					</StackPanel>
				</ScrollViewer>
			</Grid>
			<Grid x:Name="buttons_toggle" Margin="1947,403,1509,0" Width="456" Height="607" VerticalAlignment="Top">
				<ScrollViewer Margin="0,0,-1,0">
					<StackPanel>
						<StackPanel VerticalAlignment="Top" Margin="0,0,0,47">
							<TextBlock Foreground="{StaticResource PhoneForegroundBrush}" FontSize="{StaticResource PhoneFontSizeNormal}" FontFamily="{StaticResource PhoneFontFamilyNormal}" LineStackingStrategy="BlockLineHeight" LineHeight="26" TextAlignment="Left" TextWrapping="Wrap" HorizontalAlignment="Left" VerticalAlignment="Top" Text="Toggle buttons with icon/state change" Margin="{StaticResource PhoneHorizontalMargin}"/>
							<ToggleButton Height="72" Width="72" VerticalAlignment="Top" Style="{StaticResource ToggleButtonWithIconStyle}"  HorizontalAlignment="Left" Margin="0,7,0,0"/>
						</StackPanel>
						<StackPanel VerticalAlignment="Top" Margin="0,0,0,57">
							<TextBlock Foreground="{StaticResource PhoneForegroundBrush}" FontSize="{StaticResource PhoneFontSizeNormal}" FontFamily="{StaticResource PhoneFontFamilyNormal}" LineStackingStrategy="BlockLineHeight" LineHeight="26" TextAlignment="Left" TextWrapping="Wrap" HorizontalAlignment="Left" VerticalAlignment="Top" Text="Toggle buttons with icon/state change" Margin="{StaticResource PhoneHorizontalMargin}"/>
							<StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Margin="0,7,0,0">
								<StackPanel Orientation="Vertical" Width="72">
									<ToggleButton Height="72" Width="72" VerticalAlignment="Top" Style="{StaticResource ToggleButtonWithIconStyle}"  HorizontalAlignment="Left"/>
									<TextBlock TextWrapping="Wrap" Style="{StaticResource PhoneTextNormalStyle}" FontSize="13" Width="48" LineHeight="13" LineStackingStrategy="BlockLineHeight" VerticalAlignment="Top" Text="Justified Left" Foreground="{StaticResource PhoneForegroundBrush}" FontFamily="{StaticResource PhoneFontFamilyNormal}" HorizontalAlignment="Left" Margin="12,-2,0,0"/>
								</StackPanel>
								<StackPanel Orientation="Vertical" Width="72">
									<ToggleButton Height="72" Width="72" VerticalAlignment="Top" Style="{StaticResource ToggleButtonWithIconStyle}"  HorizontalAlignment="Left"/>
									<TextBlock TextWrapping="Wrap" Style="{StaticResource PhoneTextNormalStyle}" FontSize="13" Width="48" LineHeight="13" LineStackingStrategy="BlockLineHeight" VerticalAlignment="Top" Text="Justified Left" Foreground="{StaticResource PhoneForegroundBrush}" FontFamily="{StaticResource PhoneFontFamilyNormal}" HorizontalAlignment="Left" Margin="12,-2,0,0"/>
								</StackPanel>
							</StackPanel>
						</StackPanel>
						<StackPanel VerticalAlignment="Top" Margin="0,0,0,47">
							<TextBlock Foreground="{StaticResource PhoneForegroundBrush}" FontSize="{StaticResource PhoneFontSizeNormal}" FontFamily="{StaticResource PhoneFontFamilyNormal}" LineStackingStrategy="BlockLineHeight" LineHeight="26" TextAlignment="Left" TextWrapping="Wrap" HorizontalAlignment="Left" VerticalAlignment="Top" Text="Toggle buttons with icon/state change" Margin="{StaticResource PhoneHorizontalMargin}"/>
							<ToggleButton Height="72" Width="72" VerticalAlignment="Top" Style="{StaticResource ToggleButtonWithIconStyle}"  HorizontalAlignment="Left" Margin="0,7,0,0"/>
						</StackPanel>
						<StackPanel VerticalAlignment="Top" Margin="0,0,0,47">
							<TextBlock Foreground="{StaticResource PhoneForegroundBrush}" FontSize="{StaticResource PhoneFontSizeNormal}" FontFamily="{StaticResource PhoneFontFamilyNormal}" LineStackingStrategy="BlockLineHeight" LineHeight="26" TextAlignment="Left" TextWrapping="Wrap" HorizontalAlignment="Left" VerticalAlignment="Top" Text="Toggle buttons with icon/state change" Margin="{StaticResource PhoneHorizontalMargin}"/>
							<ToggleButton Height="72" Width="72" VerticalAlignment="Top" Style="{StaticResource ToggleButtonWithIconStyle}"  HorizontalAlignment="Left" Margin="0,7,0,0"/>
						</StackPanel>
						<StackPanel VerticalAlignment="Top" Margin="0,0,0,47">
							<TextBlock Foreground="{StaticResource PhoneForegroundBrush}" FontSize="{StaticResource PhoneFontSizeNormal}" FontFamily="{StaticResource PhoneFontFamilyNormal}" LineStackingStrategy="BlockLineHeight" LineHeight="26" TextAlignment="Left" TextWrapping="Wrap" HorizontalAlignment="Left" VerticalAlignment="Top" Text="Toggle buttons with icon/state change" Margin="{StaticResource PhoneHorizontalMargin}"/>
							<ToggleButton Height="72" Width="72" VerticalAlignment="Top" Style="{StaticResource ToggleButtonWithIconStyle}"  HorizontalAlignment="Left" Margin="0,7,0,0"/>
						</StackPanel>
					</StackPanel>
				</ScrollViewer>
			</Grid>
			<Grid x:Name="buttons_command" Margin="0,403,877,0" Width="456" Height="607" HorizontalAlignment="Right" VerticalAlignment="Top" >
				<ScrollViewer Margin="0,14,0,0">
					<StackPanel>
						<Button ContentTemplate="{StaticResource MultiLineButtonTemplate}" HorizontalContentAlignment="Left" Margin="0" Padding="10,3,10,5">
							<local:MultiLineItem Line1="primary text" Line2="Example of text without wrapping"/>
						</Button>
						<Button ContentTemplate="{StaticResource MultiLineButtonTemplate}" HorizontalContentAlignment="Left">
							<local:MultiLineItem Line1="primary text" Line2="Example of text wrapping. Example of text wrapping"/>
						</Button>
						<Button ContentTemplate="{StaticResource MultiLineButtonTemplate}" HorizontalContentAlignment="Left">
							<local:MultiLineItem Line1="primary text" Line2="Example of text wrapping. Example of text wrapping"/>
						</Button>
					</StackPanel>
				</ScrollViewer>
			</Grid>
			<Grid x:Name="checkboxes_one_column" Margin="1315,1604,0,0" Width="456" Height="607" HorizontalAlignment="Left" VerticalAlignment="Top" >
				<ScrollViewer>
					<StackPanel Margin="0,22,0,0">
						<StackPanel Margin="0,0,0,36">
							<TextBlock Margin="{StaticResource PhoneHorizontalMargin}" Style="{StaticResource PhoneTextSubtleStyle}" TextWrapping="Wrap" Text="Check box group label" FontFamily="{StaticResource PhoneFontFamilyNormal}" FontSize="{StaticResource PhoneFontSizeNormal}" Foreground="{StaticResource PhoneForegroundBrush}"/>
							<StackPanel Orientation="Vertical" Grid.Row="2">
								<CheckBox Content="Check box" Foreground="{StaticResource PhoneForegroundBrush}" Height="72" HorizontalAlignment="Left"/>
								<CheckBox Content="This is an example of a longer two-line check box label with wrapping" Foreground="{StaticResource PhoneForegroundBrush}" Style="{StaticResource MultiLineCheckBoxStyle}"/>
								<CheckBox Content="Check box" Foreground="{StaticResource PhoneForegroundBrush}" Height="72" HorizontalAlignment="Left"/>
								<CheckBox Content="Check box" Foreground="{StaticResource PhoneForegroundBrush}"/>
							</StackPanel>
						</StackPanel>
						<StackPanel Margin="0,0,0,36">
							<TextBlock Margin="{StaticResource PhoneHorizontalMargin}" Style="{StaticResource PhoneTextSubtleStyle}" TextWrapping="Wrap" Text="Check box group label" FontFamily="{StaticResource PhoneFontFamilyNormal}" FontSize="{StaticResource PhoneFontSizeNormal}" Foreground="{StaticResource PhoneForegroundBrush}"/>
							<StackPanel Orientation="Vertical" Grid.Row="2">
								<CheckBox Content="Check box" Foreground="{StaticResource PhoneForegroundBrush}" Height="72" HorizontalAlignment="Left"/>
								<CheckBox Content="This is an example of a longer two-line check box label with wrapping" Foreground="{StaticResource PhoneForegroundBrush}" Style="{StaticResource MultiLineCheckBoxStyle}"/>
								<CheckBox Content="Check box" Foreground="{StaticResource PhoneForegroundBrush}" Height="72" HorizontalAlignment="Left"/>
								<CheckBox Content="Check box" Foreground="{StaticResource PhoneForegroundBrush}"/>
							</StackPanel>
						</StackPanel>
					</StackPanel>
				</ScrollViewer>
			</Grid>
			<Grid x:Name="checkboxes_two_columns" Margin="1947,1604,1509,0" Width="456" Height="607" VerticalAlignment="Top">
				<ScrollViewer>
					<StackPanel HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,22,0,0">
						<TextBlock Margin="{StaticResource PhoneHorizontalMargin}" Style="{StaticResource PhoneTextSubtleStyle}" TextWrapping="Wrap" Text="Check box group label" FontFamily="{StaticResource PhoneFontFamilyNormal}" FontSize="{StaticResource PhoneFontSizeNormal}" Foreground="{StaticResource PhoneForegroundBrush}"/>
						<StackPanel Orientation="Vertical" Grid.Row="1">
							<StackPanel Orientation="Horizontal" >
								<CheckBox Content="Check box" Foreground="{StaticResource PhoneForegroundBrush}" Margin="0,0,28,0"/>
								<CheckBox Content="Check box" Foreground="{StaticResource PhoneForegroundBrush}" Margin="0,0,28,0"/>
							</StackPanel>
							<StackPanel Orientation="Horizontal" >
								<CheckBox Content="Check box" Foreground="{StaticResource PhoneForegroundBrush}" Width="200"/>
								<CheckBox Content="Check box" Foreground="{StaticResource PhoneForegroundBrush}" Width="200"/>
							</StackPanel>
							<StackPanel Orientation="Horizontal" >
								<CheckBox Content="Check box" Foreground="{StaticResource PhoneForegroundBrush}" Width="200"/>
								<CheckBox Content="Check box" Foreground="{StaticResource PhoneForegroundBrush}" Width="200"/>
							</StackPanel>
							<StackPanel >
								<CheckBox Content="Check box" Foreground="{StaticResource PhoneForegroundBrush}"/>
								<CheckBox Content="Check box" Foreground="{StaticResource PhoneForegroundBrush}"/>
							</StackPanel>
						</StackPanel>
					</StackPanel>
				</ScrollViewer>
			</Grid>
			<Grid x:Name="checkboxes_two_columns_bottom_align" Margin="0,1604,877,0" Width="456" Height="607" VerticalAlignment="Top" HorizontalAlignment="Right" >
				<ScrollViewer>
					<StackPanel HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,22,0,0">
						<TextBlock Margin="{StaticResource PhoneHorizontalMargin}" Style="{StaticResource PhoneTextSubtleStyle}" TextWrapping="Wrap" Text="Check box group label" FontFamily="{StaticResource PhoneFontFamilyNormal}" FontSize="{StaticResource PhoneFontSizeNormal}" Foreground="{StaticResource PhoneForegroundBrush}"/>
						<StackPanel Orientation="Vertical" Grid.Row="1">
							<StackPanel Orientation="Horizontal" >
								<CheckBox Content="Check box" Foreground="{StaticResource PhoneForegroundBrush}" Margin="0,0,28,0"/>
								<CheckBox Content="Check box" Foreground="{StaticResource PhoneForegroundBrush}" Margin="0,0,28,0"/>
							</StackPanel>
							<StackPanel Orientation="Horizontal" >
								<CheckBox Content="Check box" Foreground="{StaticResource PhoneForegroundBrush}" Width="200"/>
								<CheckBox Content="Check box" Foreground="{StaticResource PhoneForegroundBrush}" Width="200"/>
							</StackPanel>
							<StackPanel Orientation="Horizontal" >
								<CheckBox Content="Check box" Foreground="{StaticResource PhoneForegroundBrush}" Width="200"/>
								<CheckBox Content="Check box" Foreground="{StaticResource PhoneForegroundBrush}" Width="200"/>
							</StackPanel>
							<StackPanel >
								<CheckBox Content="Check box" Foreground="{StaticResource PhoneForegroundBrush}"/>
								<CheckBox Content="Check box" Foreground="{StaticResource PhoneForegroundBrush}"/>
							</StackPanel>
						</StackPanel>
						<CheckBox Content="Bottom aligned check box" Foreground="{StaticResource PhoneForegroundBrush}" VerticalAlignment="Bottom" HorizontalAlignment="Left" Margin="0,86,0,0"/>
					</StackPanel>
				</ScrollViewer>
			</Grid>
			<Grid x:Name="listview_single_line" Margin="1315,2805,0,0" Width="456" Height="607" HorizontalAlignment="Left" VerticalAlignment="Top" >
				<ListBox Margin="0,-19,0,0">
					<ListBoxItem ContentTemplate="{StaticResource SingleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
						<local:MultiLineItem Line1="Text example"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource SingleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
						<local:MultiLineItem Line1="Text example showing a wrapping behavior"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource SingleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
						<local:MultiLineItem Line1="Text example showing"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource SingleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
						<local:MultiLineItem Line1="Text example"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource SingleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
						<local:MultiLineItem Line1="Text example showing a wrapping behavior"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource SingleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
						<local:MultiLineItem Line1="Text example showing"/>
					</ListBoxItem>
				</ListBox>
			</Grid>
			<Grid x:Name="listview_double_line" Margin="1947,2805,1509,0" Width="456" Height="607" VerticalAlignment="Top">
				<ListBox Margin="0,-3,0,0">
					<ListBoxItem ContentTemplate="{StaticResource DoubleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
						<local:MultiLineItem Line1="Text example" Line2="Subtext does not wrap"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource DoubleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
						<local:MultiLineItem Line1="Text example showing a wrapping behavior" Line2="Subtext does not wrap"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource DoubleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
						<local:MultiLineItem Line1="Text example" Line2="Subtext does not wrap"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource DoubleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
						<local:MultiLineItem Line1="Text example showing" Line2="Subtext does not wrap"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource DoubleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
						<local:MultiLineItem Line1="Text example" Line2="Subtext does not wrap"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource DoubleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
						<local:MultiLineItem Line1="Text example showing a wrapping behavior" Line2="Subtext does not wrap"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource DoubleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
						<local:MultiLineItem Line1="Text example" Line2="Subtext does not wrap"/>
					</ListBoxItem>
				</ListBox>
			</Grid>
			<Grid x:Name="listview_triple_line" Margin="0,2805,877,0" Width="456" Height="607" HorizontalAlignment="Right" VerticalAlignment="Top" >
				<ListBox Margin="0,-5,-12,0">
					<ListBoxItem ContentTemplate="{StaticResource TripleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
						<local:MultiLineItem Line1="Text example showing" Line2="Lorem ipsum dolor sit amet, consctetur" Line3="Ut enim ad minim veniam, quis nostrud exercitation"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource TripleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
						<local:MultiLineItem Line1="Text example showing bleed" Line2="Lorem ipsum dolor sit amet, consctetur" Line3="Ut enim ad minim veniam, quis nostrud exercitation"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource TripleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
						<local:MultiLineItem Line1="Text example" Line2="Lorem ipsum dolor sit amet, consctetur" Line3="Ut enim ad minim veniam, quis nostrud exercitation"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource TripleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
						<local:MultiLineItem Line1="Text example showing bleed" Line2="Lorem ipsum dolor sit amet, consctetur" Line3="Ut enim ad minim veniam, quis nostrud exercitation"/>
					</ListBoxItem>
				</ListBox>
			</Grid>
			<Grid x:Name="listview_small_text" Margin="0,2805,245,0" Width="456" Height="607" HorizontalAlignment="Right" VerticalAlignment="Top" >
				<ListBox Margin="-12,-25,-12,0">
					<ListBoxItem ContentTemplate="{StaticResource SingleLineListLargeTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,1">
						<local:MultiLineItem Line1="Text example"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource SingleLineListLargeTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,1">
						<local:MultiLineItem Line1="Text example showing"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource SingleLineListLargeTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,1">
						<local:MultiLineItem Line1="Text example showing text bleeding"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource SingleLineListLargeTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,1">
						<local:MultiLineItem Line1="Text example"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource SingleLineListLargeTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,1">
						<local:MultiLineItem Line1="Text example showing text bleeding"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource SingleLineListLargeTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,1">
						<local:MultiLineItem Line1="Text example showing"/>
					</ListBoxItem>
				</ListBox>
			</Grid>
			<Grid x:Name="listview_small_icon" Margin="1315,4006,0,0" Width="456" HorizontalAlignment="Left"  Height="607" VerticalAlignment="Top">
				<ListBox Margin="0,-17,-12,0" BorderThickness="0">
					<ListBoxItem ContentTemplate="{StaticResource SingleLineListSmallIconTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,1">
						<local:MultiLineItem Line1="Text example"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource SingleLineListSmallIconTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,1">
						<local:MultiLineItem Line1="Text example with a bleed"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource SingleLineListSmallIconTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,1">
						<local:MultiLineItem Line1="Text example"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource SingleLineListSmallIconTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,1">
						<local:MultiLineItem Line1="Text example with a bleed"/>
					</ListBoxItem>
				</ListBox>
			</Grid>
			<Grid x:Name="listview_large_icon" Margin="1947,4006,1497,0" Height="607" VerticalAlignment="Top">
				<ListBox Margin="0,19,-12,0">
					<ListBoxItem ContentTemplate="{StaticResource DoubleLineLargeGridListTemplate}" HorizontalContentAlignment="Left" Margin="0">
						<local:MultiLineItem Line1="Primary text will wrap" Line2="Subtext doesn't wrap"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource DoubleLineLargeGridListTemplate}" HorizontalContentAlignment="Left" Margin="0">
						<local:MultiLineItem Line1="Primary text" Line2="Subtext doesn't wrap. Subtext doesn't wrap"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource DoubleLineLargeGridListTemplate}" HorizontalContentAlignment="Left" Margin="0">
						<local:MultiLineItem Line1="Primary text will wrap" Line2="Subtext doesn't wrap. Subtext doesn't wrap"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource DoubleLineLargeGridListTemplate}" HorizontalContentAlignment="Left" Margin="0">
						<local:MultiLineItem Line1="Primary text will wrap" Line2="Subtext doesn't wrap"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource DoubleLineLargeGridListTemplate}" HorizontalContentAlignment="Left" Margin="0">
						<local:MultiLineItem Line1="Primary text" Line2="Subtext doesn't wrap. Subtext doesn't wrap"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource DoubleLineLargeGridListTemplate}" HorizontalContentAlignment="Left" Margin="0">
						<local:MultiLineItem Line1="Primary text will wrap" Line2="Subtext doesn't wrap. Subtext doesn't wrap"/>
					</ListBoxItem>
				</ListBox>
			</Grid>
			<Grid x:Name="listview_text_and_grid" Margin="0,4006,877,0" Width="456" HorizontalAlignment="Right"  Height="607" VerticalAlignment="Top">
				<ListBox>
					<ListBoxItem FontFamily="{StaticResource PhoneFontFamilyLight}" FontSize="{StaticResource PhoneFontSizeLarge}" Margin="12,9,0,18">
						<StackPanel Orientation="Vertical">
							<TextBlock Text="lorem ipsum" FontSize="{StaticResource PhoneFontSizeLarge}" FontFamily="{StaticResource PhoneFontFamilyLight}" LineHeight="43" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" VerticalAlignment="Top" Margin="0,0,0,31"/>
							<toolkit:WrapPanel HorizontalAlignment="Left" Margin="-1,0,0,0">
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
							</toolkit:WrapPanel>
						</StackPanel>
					</ListBoxItem>
					<ListBoxItem FontFamily="{StaticResource PhoneFontFamilyLight}" FontSize="{StaticResource PhoneFontSizeLarge}" Margin="12,9,0,18">
						<StackPanel Orientation="Vertical">
							<TextBlock Text="lorem ipsum" FontSize="{StaticResource PhoneFontSizeLarge}" FontFamily="{StaticResource PhoneFontFamilyLight}" LineHeight="43" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" VerticalAlignment="Top" Margin="0,0,0,31"/>
							<toolkit:WrapPanel HorizontalAlignment="Left" Margin="-1,0,0,0">
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
							</toolkit:WrapPanel>
						</StackPanel>
					</ListBoxItem>
				</ListBox>
			</Grid>
			<Grid x:Name="listview_large_grid" Margin="0,4006,245,0" Width="456" Height="607" VerticalAlignment="Top" HorizontalAlignment="Right" >
				<ListBox>
					<ListBoxItem Margin="12,20,0,0">
						<toolkit:WrapPanel HorizontalAlignment="Left" VerticalAlignment="Top">
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12"  Width="210" Height="210"/>
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="210" Height="210"/>
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="210" Height="210"/>
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="210" Height="210"/>
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="210" Height="210"/>
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="210" Height="210"/>
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="210" Height="210"/>
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="210" Height="210"/>
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="210" Height="210"/>
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="210" Height="210"/>
						</toolkit:WrapPanel>
					</ListBoxItem>
				</ListBox>
			</Grid>
			<Grid x:Name="listview_small_grid" Margin="1315,5204,0,5357" Width="456" HorizontalAlignment="Left" >
				<ListBox>
					<ListBoxItem Margin="12,20,0,0">
						<toolkit:WrapPanel HorizontalAlignment="Left" VerticalAlignment="Top">
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12"  Width="99" Height="99"/>
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
						</toolkit:WrapPanel>
					</ListBoxItem>
				</ListBox>
			</Grid>
			<Grid x:Name="toggleswitch_toggle" Margin="1315,0,0,4156" Width="456" Height="607" VerticalAlignment="Bottom" HorizontalAlignment="Left" >
				<Grid>
					<StackPanel Margin="0,25,0,0">
						<toolkit:ToggleSwitch Header="Wi Fi networking"/>
						<toolkit:ToggleSwitch Header="Set automatically" Content="Off"/>
						<toolkit:ToggleSwitch Header="5:45 AM">
							<toolkit:ToggleSwitch.HeaderTemplate>
								<DataTemplate>
									<ContentControl FontSize="{StaticResource PhoneFontSizeLarge}" Foreground="{StaticResource PhoneForegroundBrush}" Content="{Binding}"/>
								</DataTemplate>
							</toolkit:ToggleSwitch.HeaderTemplate>
							<toolkit:ToggleSwitch.ContentTemplate>
								<DataTemplate>
									<StackPanel>
										<StackPanel Orientation="Horizontal">
											<TextBlock Text="Alarm: " FontSize="{StaticResource PhoneFontSizeSmall}"/>
											<ContentControl HorizontalAlignment="Left" FontSize="{StaticResource PhoneFontSizeSmall}" Content="{Binding}"/>
										</StackPanel>
										<TextBlock Text="every schoolday" FontSize="{StaticResource PhoneFontSizeSmall}" Foreground="{StaticResource PhoneSubtleBrush}"/>
									</StackPanel>
								</DataTemplate>
							</toolkit:ToggleSwitch.ContentTemplate>
						</toolkit:ToggleSwitch>
					</StackPanel>
				</Grid>
			</Grid>
			<Grid x:Name="dialogbox_text_input" Margin="1315,0,0,2955" Width="456" HorizontalAlignment="Left" Height="607" VerticalAlignment="Bottom" >
				<StackPanel Margin="0,43,0,0">
					<TextBlock Text="Lorem ipsum dolor" FontSize="{StaticResource PhoneFontSizeLarge}" FontFamily="{StaticResource PhoneFontFamilySemiBold}" VerticalAlignment="Top" LineHeight="43" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" Margin="21,0,0,21"/>
					<TextBlock Text="Excepteur sint occaecat cupidatat non proident, sunt in culpa." FontSize="{StaticResource PhoneFontSizeMedium}" FontFamily="{StaticResource PhoneFontFamilyNormal}" LineHeight="31" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" Height="62" Margin="21,0,24,24"/>
					<StackPanel Margin="12,0" Orientation="Vertical">
						<TextBlock Text="Enter password" FontSize="{StaticResource PhoneFontSizeNormal}" FontFamily="{StaticResource PhoneFontFamilyNormal}" VerticalAlignment="Top" LineHeight="31" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneSubtleBrush}" TextWrapping="Wrap" Margin="12,0,12,-5"/>
						<PasswordBox Height="72"/>
					</StackPanel>
					<CheckBox Content="Show password text" Foreground="{StaticResource PhoneForegroundBrush}"  Margin="12,0,0,0"/>
					<CheckBox Content="Remember my password" Foreground="{StaticResource PhoneForegroundBrush}" Margin="12,0,0,0" />
				</StackPanel>
			</Grid>
			<Grid x:Name="dialogbox_custom" Margin="1947,0,1509,2955" Width="456" Height="607" VerticalAlignment="Bottom">
				<StackPanel>
					<TextBlock Text="Lorem ipsum dolor" FontSize="{StaticResource PhoneFontSizeLarge}" FontFamily="{StaticResource PhoneFontFamilySemiBold}" VerticalAlignment="Top" LineHeight="43" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" Margin="21,0,0,21"/>
					<TextBlock Text="If you have a Live ID, enter it now to get content on your phone. If you use Messenger, Hotmail, or XBox Live, you already have a live ID. " FontSize="{StaticResource PhoneFontSizeMedium}" FontFamily="{StaticResource PhoneFontFamilyNormal}" LineHeight="31" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" Margin="21,0,24,24"/>
					<StackPanel Margin="12,0,12,13" Orientation="Vertical">
						<TextBlock Text="Enter Live ID" FontSize="{StaticResource PhoneFontSizeNormal}" FontFamily="{StaticResource PhoneFontFamilyNormal}" VerticalAlignment="Top" LineHeight="31" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneSubtleBrush}" TextWrapping="Wrap" Margin="12,0,12,-5"/>
						<PasswordBox Height="72"/>
					</StackPanel>
					<StackPanel Margin="12,0,12,-11" Orientation="Vertical">
						<TextBlock Text="Enter password" FontSize="{StaticResource PhoneFontSizeNormal}" FontFamily="{StaticResource PhoneFontFamilyNormal}" VerticalAlignment="Top" LineHeight="31" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneSubtleBrush}" TextWrapping="Wrap" Margin="12,0,12,-5"/>
						<PasswordBox Height="72"/>
					</StackPanel>
					<TextBlock Text="If you don't have a Live ID, enter any email address and we'll create one for you." FontSize="{StaticResource PhoneFontSizeMedium}" FontFamily="{StaticResource PhoneFontFamilyNormal}" LineHeight="31" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" Margin="21,0,24,24"/>
					<StackPanel  Orientation="Horizontal">
						<Button Content="submit" Width="228" VerticalAlignment="Top"/>
						<Button Content="cancel" Width="228" VerticalAlignment="Top"/>
					</StackPanel>
				</StackPanel>
			</Grid>
			<Grid x:Name="dialogbox_message" Margin="0,0,877,2955" Width="456" HorizontalAlignment="Right" Height="607" VerticalAlignment="Bottom" >
				<StackPanel Orientation="Vertical" Margin="-12,0,-12,256" Background="{StaticResource PhoneInactiveBrush}">
					<TextBlock Text="Lorem ipsum dolor sit amet, consectetur adipisicing" FontSize="{StaticResource PhoneFontSizeLarge}" FontFamily="{StaticResource PhoneFontFamilySemiBold}" LineHeight="36" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" VerticalAlignment="Top" Margin="36,48,0,24"/>
					<TextBlock Text="Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." FontSize="{StaticResource PhoneFontSizeMedium}" FontFamily="{StaticResource PhoneFontFamilyNormal}" LineHeight="31" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" Margin="36,0,0,30" VerticalAlignment="Top"/>
					<Button Content="lorem ipsum" VerticalAlignment="Top" Width="228" Height="72" HorizontalAlignment="Left" Margin="23,0,0,0"/>
				</StackPanel>
				<StackPanel Height="72" VerticalAlignment="Bottom" Orientation="Horizontal" >
					<Button Content="lorem" Width="228"/>
					<Button Content="ipsum" Width="228"/>
				</StackPanel>
			</Grid>
			<Grid x:Name="dialogbox_checkbox" Margin="0,0,245,2955" Width="456" HorizontalAlignment="Right" Height="607" VerticalAlignment="Bottom" >
				<StackPanel Orientation="Vertical" Margin="-12,0,-12,219" Background="{StaticResource PhoneInactiveBrush}">
					<TextBlock Text="Lorem ipsum dolor" FontSize="{StaticResource PhoneFontSizeLarge}" FontFamily="{StaticResource PhoneFontFamilySemiBold}" LineHeight="36" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" VerticalAlignment="Top" Margin="24,48,0,24"/>
					<TextBlock Text="Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." FontSize="{StaticResource PhoneFontSizeMedium}" FontFamily="{StaticResource PhoneFontFamilyNormal}" LineHeight="31" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" Margin="24,0,0,30" VerticalAlignment="Top"/>
					<CheckBox Content="Don't show again" Foreground="{StaticResource PhoneForegroundBrush}" Margin="13,-17,24,16" />
					<StackPanel Height="72" Orientation="Horizontal" Margin="12,0,24,0" >
						<Button Content="lorem" Width="228" HorizontalAlignment="Right" Height="72" VerticalAlignment="Center"/>
						<Button Content="ipsum" Width="228" HorizontalAlignment="Right" Height="72" VerticalAlignment="Center"/>
					</StackPanel>
				</StackPanel>
			</Grid>
			<Grid x:Name="slider_slidercontrol" Margin="1315,0,0,1754" Width="456" HorizontalAlignment="Left" Height="607" VerticalAlignment="Bottom" >
				<StackPanel Margin="0,30,0,0">
					<StackPanel Margin="0,0,0,10">
						<TextBlock TextWrapping="Wrap" FontSize="{StaticResource PhoneFontSizeSmall}" FontFamily="{StaticResource PhoneFontFamilyNormal}" LineHeight="22" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" Text="Set sample value" Margin="12,0,0,0"/>
						<Slider Margin="0,-4,0,0"/>
					</StackPanel>
					<StackPanel Margin="0,0,0,10">
						<TextBlock TextWrapping="Wrap" FontSize="{StaticResource PhoneFontSizeSmall}" FontFamily="{StaticResource PhoneFontFamilyNormal}" LineHeight="22" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" Text="Set sample value" Margin="12,0,0,0"/>
						<Slider Margin="0,-4,0,0"/>
					</StackPanel>
					<StackPanel Margin="0,0,0,10">
						<TextBlock TextWrapping="Wrap" FontSize="{StaticResource PhoneFontSizeSmall}" FontFamily="{StaticResource PhoneFontFamilyNormal}" LineHeight="22" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" Text="Set sample value" Margin="12,0,0,0"/>
						<Slider Margin="0,-4,0,0"/>
					</StackPanel>
					<StackPanel Margin="0,0,0,10">
						<TextBlock TextWrapping="Wrap" FontSize="{StaticResource PhoneFontSizeSmall}" FontFamily="{StaticResource PhoneFontFamilyNormal}" LineHeight="22" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" Text="Set sample value" Margin="12,0,0,0"/>
						<Slider Margin="0,-4,0,0"/>
					</StackPanel>
				</StackPanel>
			</Grid>
			<Grid x:Name="context_menu" Margin="1315,0,0,552" Width="456" HorizontalAlignment="Left" Height="607" VerticalAlignment="Bottom" >
				<ListBox Margin="0,-3,0,0">
					<ListBoxItem ContentTemplate="{StaticResource DoubleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
						<toolkit:ContextMenuService.ContextMenu>
							<toolkit:ContextMenu>
								<toolkit:MenuItem Header="Item 1"/>
								<toolkit:MenuItem Header="Item 2"/>
								<toolkit:MenuItem Header="Item 3"/>
								<toolkit:MenuItem Header="Item 4"/>
								<toolkit:MenuItem Header="Item 5"/>
							</toolkit:ContextMenu>
						</toolkit:ContextMenuService.ContextMenu>
						<local:MultiLineItem Line1="Largest (5 items)" Line2="Press and hold to view"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource DoubleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
						<toolkit:ContextMenuService.ContextMenu>
							<toolkit:ContextMenu>
								<toolkit:MenuItem Header="Item 1"/>
								<toolkit:MenuItem Header="Item 2"/>
								<toolkit:MenuItem Header="Item 3"/>
							</toolkit:ContextMenu>
						</toolkit:ContextMenuService.ContextMenu>
						<local:MultiLineItem Line1="Medium (3 items)" Line2="Press and hold to view"/>
					</ListBoxItem>
					<ListBoxItem ContentTemplate="{StaticResource DoubleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
						<toolkit:ContextMenuService.ContextMenu>
							<toolkit:ContextMenu>
								<toolkit:MenuItem Header="Item 1"/>
							</toolkit:ContextMenu>
						</toolkit:ContextMenuService.ContextMenu>
						<local:MultiLineItem Line1="Smallest (1 item)" Line2="Press and hold to view"/>
					</ListBoxItem>
				</ListBox>
			</Grid>
		</Grid>
	</Grid>
</UserControl>